<template>
  <div class="all">
    <h2>批量添加靓号</h2>
    <table width="100%">
      <tbody>
        <tr>
          <td width="100px">靓号范围</td>
          <td>
            <input type="text" size="3" v-model="add.min"> - <input type="text" size="3" v-model="add.max"> <i class="el-icon-warning"></i><span>请输入靓号范围最小号和最大号</span>
          </td>
        </tr>
        <tr>
          <td>价格</td>
          <td><input type="text" size="8" v-model="add.price"><i class="el-icon-warning"></i> <span>请输入价格</span></td>
        </tr>
      </tbody>
    </table>
<button @click="submit()">提交</button>
  </div>
</template>

<script>
  export default{
    data(){
      return{
        add:[]
      }
    },
    methods:{
      submit(){
        var data=this.add
        if(data.min<data.max){
          console.log(1111)
        }else{
          console.log(22222)
        }

      }
    }
  }
</script>

<style scoped>
  .el-icon-warning{
    color: #40B3FF;
  }
  h2{
    height: 60px;
    border-bottom: 1px solid #eee;
  }
  span{
    color: rgb(149, 149, 149);
    font-size: 12px;
  }
  td{
    height: 40px;
   font-size: 14px;
    border-bottom: 1px solid #eee;
  }
  button{
    margin-top: 20px;
  }
</style>
